<template>
	<view class="all">
		<view class="bgimg u-flex u-row-center u-m-t-30">
			<image src="../../../../static/img/xsjh.png"></image>
		</view>
		<view class="bgimgtwo u-flex u-row-center u-m-t-30">
			<image src="../../../../static/img/zz.png"></image>
		</view>
		<view class="xuanshang u-m-t-50">
			<view class="u-flex u-row-center u-p-t-50">
				<image src="../../../../static/img/xssm.png"></image>
			</view>
			<view class="shuomingcontent  u-m-t-50 u-m-b-50">
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						资格
					</view>
					<view class="service">
						平台VIP会员专享商业推广服务
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						规则1
					</view>
					<view class="service">
						企业/团队/个人自定悬赏金额
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						规则2
					</view>
					<view class="service">
						参与者根据推广方式支付相应赏金
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						规则3
					</view>
					<view class="service">
						注册会员均有参与机会
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30" style="white-space: nowrap;">
						规则4
					</view>
					<view class="service">
						赏金为智汇币，参与企业/团队/个 人预充值完成兑换
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						规则5
					</view>
					<view class="service">
						赏金自动支付，不可返退
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						规则6
					</view>
					<view class="service">
						每日每会员针对同一对象一次机会
					</view>
				</view>
				<view class="u-flex u-row-start u-p-20">
					<view class="zige u-m-r-30">
						规则7
					</view>
					<view class="service">
						赏金遵循智汇币兑换规则
					</view>
				</view>
			</view>
		</view>
		<view class="zhb u-m-t-50 u-p-30">
			<view class="u-flex u-row-center u-p-t-20 u-p-b-20">
				<image src="../../../../static/img/zhb.png"></image>
			</view>
			<view class="u-flex u-row-between u-m-t-40">
				<view class="liulan">浏览+留言</view>
				<view class="u-flex">
					<input type="text" v-model="model.browse" style="text-align: right;" class="shezhi u-m-r-30" placeholder="设置金额"></input>
					<text class="zhihuibi">智汇币</text>
				</view>
			</view>
			<view class="u-flex u-row-between u-m-t-40">
				<view class="liulan">加入收藏</view>
				<view class="u-flex">
					<input type="text" v-model="model.collection" style="text-align: right;"  class="shezhi u-m-r-30" placeholder="设置金额"></input>
					<text class="zhihuibi">智汇币</text>
				</view>
			</view>
			<view class="u-flex u-row-between u-m-t-40">
				<view class="liulan">邀请入社</view>
				<view class="u-flex">
					<input type="text" v-model="model.inviteClub" style="text-align: right;"  class="shezhi u-m-r-30" placeholder="设置金额"></input>
					<text class="zhihuibi">智汇币</text>
				</view>
			</view>
			<view class="u-flex u-row-between u-m-t-40">
				<view class="liulan">分享企业</view>
				<view class="u-flex">
					<input type="text" right="true" v-model="model.shareCompany" style="text-align: right;"  class="shezhi u-m-r-30" placeholder="设置金额"></input>
					<text class="zhihuibi">智汇币</text>
				</view>
			</view>
			<view class="u-flex u-row-between u-m-t-40">
				<view class="liulan">直接委托</view>
				<view class="u-flex">
					<input type="text" v-model="model.entrust" style="text-align: right;"  class="shezhi u-m-r-30" placeholder="设置金额"></input>
					<text class="zhihuibi">智汇币</text>
				</view>
			</view>

		</view>
		<u-button class="button" @click="submit">确认</u-button>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				model:{
					browse:'',
					collection:'',
					inviteClub:'',
					shareCompany:'',
					entrust:''
				}
			}
		},
		onLoad(){
			this.initPage();
		},
		methods: {
			async initPage(){
				let result = await this.$apis.selectMoneyReward();
				if(result.data != null) this.model = result.data;
			},
			async submit(){
				let result = await this.$apis.saveMoneyReward(this.model);
				if(result.code == 200){
					uni.showToast({
						title:"设置成功"
					})
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	page {
		background-image: url(../../../../static/img/xs.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 bottom;
		padding-bottom: 180rpx;

	}

	.bgimg image {
		width: 445rpx;
		height: 121rpx;
		// border: 1px solid;
	}

	.bgimgtwo image {
		width: 642rpx;
		height: 70rpx;
		// border: 1px solid;
	}

	.xuanshang {
		width: 90%;
		height: 1160rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
		margin: 0 auto;

		image {

			width: 495rpx;
			height: 60rpx;
		}

	}

	.shuomingcontent {
		border: 1px dashed #FC9614;
		width: 90%;
		margin: 0 auto;
	}

	.zhb {
		width: 90%;
		margin: 0 auto;
		height: 658rpx;
		background: #FFFFFF;
		border-radius: 30rpx;

		image {
			width: 495rpx;
			height: 60rpx;
		}
	}


	.zige {
		width: 86rpx;
		height: 86rpx;
		line-height: 86rpx;
		text-align: center;
		background: #FC9614;
		border-radius: 50%;
		color: #FFFFFF;


	}

	.service {
		color: #FC9614;
	}

	.liulan {

		color: #FC9614;

		font-size: 32rpx;
	}

	.shezhi {
		width:200rpx;
		font-size: 32rpx;

		color: #AEAEAE;
	}

	.zhihuibi {
		font-size: 32rpx;
		color: #282828;
	}

	.button {
		width: 662rpx;
		margin: 124rpx auto 0rpx auto;
		background: #ab61ff;
		border-radius: 40rpx;
		border: 0;
		color: #fff;

		&.u-hairline-border:after {
			border: 0;
		}
	}
</style>
